define(['request','template','jquery'], (req,template) => {
    class Header {
        constructor() {
            this.init()
        }
        init() {
            // 加载头部
            $('header').load('/html/modules/header.html',function(){
                // 头部吸顶
            // var nav = document.querySelector('.nav')
            var nav = document.getElementsByClassName('nav')
            // console.log(nav)
            window.onscroll = function () {
                var scrollTop = document.documentElement.scrollTop || document.body.scrollTop
                if (scrollTop >= 15) {
                    // console.log(123)
                    nav[0].className = 'nav fx'
                } else {
                    nav[0].className = 'nav'
                }
            }
            })
            
            this.getTabs()
        }
        // 获取导航栏数据
        getTabs(){
            req.getIndexTab()
                .then(res => {
                    // console.log(res)
                    // 渲染导航栏
                    if(res.code === 200){
                        const myData = res.data.list.slice(1,8)
                        // console.log(myData)
                        $('.header-btn').html(template('tabsTemplate',{list:myData}))
                    }
                })
        }

    }
    return new Header()
})